import React from 'react'
import Child from './Child'
import {Button} from "antd";
// import 'antd/dist/antd.css';
import './index.css'

export default class Life extends React.Component{
    constructor(props) {
        super(props);
        this.state = {
            count: 0
        };
    }
    // 和上边作用相同
    // state = {
    //     count: 0
    // }

    handleAdd=()=>{
        this.setState({
            count: this.state.count + 1
        })
    }

    handleClick(){
        this.setState({
            count: this.state.count + 1
        })
    }

    render() {
        var style = {
            padding: 50
        }
        // return <div style={style}>
        return <div className="content">
            <p>React生命周期介绍</p>
            <Button onClick={this.handleAdd}>AntD点击一下</Button>
            <button onClick={this.handleClick.bind(this)}>点击一下</button>
            <p>{this.state.count}</p>
            <Child name={this.state.count}></Child>
        </div>
    }
}
